.nav {
	> li {
		> a {
			color: @light-black;
			&:hover,
      		&:focus {
      			background-color: transparent;
      			color: @primary;
      		}
		}
	}
	.open > a {
		&,
		&:hover,
		&:focus {
			background-color: transparent;
		}
	}
}

.nav-tabs-vertical {
	.nav-tabs {
		border-right: 1px solid darken(@light-gray, 5%);
		border-bottom: none;
		> li {
			margin-right: -1px;
			float: none;
			> a {
				&:hover {
					box-shadow: inset -2px 0 0 @primary;
				}
			}
			&.active > a {
				&,
				&:hover,
				&:focus {
					box-shadow: inset -2px 0 0 @primary;
				}
			}
			+ li {
				margin-top: 0;
			}
		}
	}
}

.nav-tabs {
	border-bottom: 1px solid darken(@light-gray, 5%);
	> li {
		> a {
			margin-right: 0;
			background-color: transparent;
			border-style: none;
			border-radius: 0;
			.transition(all .3s);
			&:hover {
				box-shadow: inset 0 -2px 0 @primary;
				background-color: transparent;
				color: @primary;
			}
		}
		&.active > a {
			&,
			&:hover,
			&:focus {
				border-style: none;
				color: @primary;
				background-color: transparent;
				box-shadow: inset 0 -2px 0 @primary;
			}
		}
	}
	&.nav-justified {
		.nav-justified();
		.nav-tabs-justified();
	}
}

.nav-pills {
	border-bottom: 1px solid darken(@light-gray, 5%);
	> li {
		margin-bottom: -1px;
		> a {
			border-radius: 0;
		}
		&.active > a {
			&,
			&:hover,
			&:focus {
				background-color: @primary;
			}
		}
		+ li {
			margin-left: 0;
		}
	}
}

.nav-pills-vertical {
	.nav-pills {
		border-right: 1px solid darken(@light-gray, 5%);
		border-bottom: none;
		> li {
			margin-right: -1px;
			float: none;
		}
	}
}

// Stacked pills
.nav-stacked {
	> li {
    	+ li {
    		margin-top: 0;
    	}
    }
}

.nav-justified {
	> li {
		> a {
			margin-bottom: 0;
		}
	}
}
.nav-tabs-justified {
	> li > a {
		box-shadow: none;
		border-radius: 0;
		border-bottom: 1px solid darken(@light-gray, 5%);
	}
	> .active > a,
	> .active > a:hover,
	> .active > a:focus {
    	border-style: none;
    	box-shadow: inset 0 -2px 0 @primary;
	}
}

.nav-tabs .dropdown-menu {
	margin-top: 0;
}